<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>锤子商城 - 坚果手机、坚果 R2 手机、Smartisan TNT go 扩展本</title>
    <link rel="icon" type="images/x-icon" href="images/favicon.ico">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="images/font_2693205_tnz9q62nqa8/iconfont.css">
</head>
<body>
    <header>
        <span class="iconfont icon-chuizi chuizi"></span>
        <span class="iconfont icon-chuizi chuizi"></span>
        <ul>
            <li class="li">
                <a href="#">在线商城</a>
            </li>
            <li>
                <a href="#">坚果R2</a>
            </li>
            <li>
                <a href="topic.html">Smartisan TNT go</a>
            </li>
            <li>
                <a href="#">坚果 TNT 工作站</a>
            </li>
            <li>
                <a href="#">Smartisan OS</a>
            </li>
            <li>
                <a href="#">欢喜云</a>
            </li>
            <li>
                <a href="#">应用</a>
            </li>
            <li>
                <a href="#">论坛</a>
            </li>
            <li>
                <a href="#">开发者支持</a>
            </li>
            <li>
                <a href="#">荣誉与奖项</a>
            </li>
            <li>
                <a href="#">加入我们</a>
            </li>
            <li>
                <a href="#">下载APP</a>
            </li>
        </ul>
        <div class="header_right">
            <a href="load.html" id="load">
                <span class="iconfont icon-denglu denglu"></span>
            </a>
            <a href="#" id="hicart">
                <span id="hongdian"></span>
                <span class="iconfont icon-gouwudai gouwudai" id="goodscart"></span>
                <div class="header_cart">
                    <div class="list-container">
                        <div class="cart-empty">
                            <p class="desc">
                                购物车为空
                            </p>
                            <p class="desc-prompt">
                                您还没有选购任何商品，现在前往商城选购吧！
                            </p>
                        </div>
                    </div>
                </div>
            </a>
        </div>

    </header>
    <nav>
        <div class="nav">
            <ul class="nav_right">
                <li class="nav_li">首页
                    <div class="nav_bottom">
                        <div>
                            <ul>
                                <span>手机</span>
                                <li>
                                    <img src="images/shouji.webp" alt="">
                                    <a href="">手机</a>
                                </li>
                            </ul>
                            <ul>
                                <span>官方配件</span>
                                <li>
                                    <img src="images/lanya.webp" alt="">
                                    <a href="">蓝牙耳机</a>
                                </li>
                                <li>
                                    <img src="images/shujuxian.webp" alt="">
                                    <a href="">数据线</a>
                                </li>
                                <li>
                                    <img src="images/chongdianqi.webp" alt="">
                                    <a href="">充电器</a>
                                </li>
                                <li>
                                    <img src="images/yidongdianyuan.webp" alt="">
                                    <a href="">移动电源</a>
                                </li>
                            </ul>
                            <span></span>
                            <ul>
                                <li>
                                    <img src="images/paizhao.webp" alt="">
                                    <a href="">拍照配件</a>
                                </li>
                            </ul>
                        </div>

                    </div>
                </li>
                <li>坚果手机
                    <div class="nav_bottom"></div>
                </li>
                <li>TNT
                    <div class="nav_bottom"></div>
                </li>
                <li>官方自营
                    <div class="nav_bottom"></div>
                </li>
                <li>服务
                    <div class="nav_bottom">
                        <ul class="nav_bottom_ul">
                            <li>
                                <img src="images/baozhang.png" alt="">
                                <p>保修服务</p>
                            </li>
                            <li>
                                <img src="images/kefu.png" alt="">
                                <p>在线客服</p>
                            </li>
                            <li>
                                <img src="images/fuwu.png" alt="">
                                <p>服务政策</p>
                            </li>
                            <li>
                                <img src="images/shouhou.png" alt="">
                                <p>发起售后</p>
                            </li>
                            <li>
                                <img src="images/weixiu.png" alt="">
                                <p>维修门店</p>
                            </li>
                            <li>
                                <img src="images/zizu.png" alt="">
                                <p>自助服务</p>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <div class="nav_left">
                <span class="iconfont icon-sousuo"></span>
                <input type="search" class="left_middle" placeholder="">
                <div class="left_right">
                    <a href="" class="a1">坚果&nbsp;R2</a>
                    <a href="" class="a2">TNT</a>
                </div>
                <div class="left_bottom">
                    <img src="images/sanjiaoxing.png" alt="">
                    <ul>
                        <li>坚果&nbsp;R2</li>
                        <li>蓝牙耳机</li>
                        <li>TNT</li>
                        <li>移动电源</li>
                        <li>坚果快充</li>
                        <li>坚果快充</li>
                    </ul>
                </div>
            </div>

        </div>


        <div class="nav_right1">
            <a href="load.html" class="load">
                <span class="iconfont icon-denglu denglu"></span>
            </a>
            <a href="" class="hicart">
                <span id="hongdian"></span>
                <span class="iconfont icon-gouwudai gouwudai"></span>
                <div class="header_cart1">
                    <div class="list-container">
                        <div class="cart-empty">
                            <p class="desc">
                                购物车为空
                            </p>
                            <p class="desc-prompt">
                                您还没有选购任何商品，现在前往商城选购吧！
                            </p>
                        </div>
                    </div>
                </div>
            </a>

        </div>


    </nav>
    <section>
        <ul class="section_picture">
            <li>
                <img src="images/dali.webp" alt="">
            </li>
            <li>
                <img src="images/huiyuan.webp" alt="">
            </li>
            <li>
                <img src="images/jiaoyu.webp" alt="">
            </li>
        </ul>
        <ol class="section_piont">
            <li class="current"></li>
            <li></li>
            <li></li>
        </ol>
    </section>
    <div class="goods_nav">
        <ul>
            <li>
                <img src="images/good1.webp" alt="">
            </li>
            <li>
                <img src="images/good2.webp" alt="">
            </li>
            <li>
                <img src="images/good3.webp" alt="">
            </li>
            <li>
                <img src="images/good4.webp" alt="">
            </li>
        </ul>
    </div>
    <div class="hotgoods">
        <div class="hotgoods_top">
            <h5>热门商品</h5>
            <div class="hotgoods_topr">
                <button class="btn_left"></button>
                <button class="btn_right"></button>
            </div>
        </div>
        <div class="hotgoods_bottom">
            <ul>
                <li>
                    <img src="images/hot1.webp" alt="">
                    <div>
                        <h3>坚果 R2</h3>
                        <h5>
                            是下一代手机，更是下一代电脑
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥2,699.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/hot2.webp" alt="">
                    <div>
                        <h3>Smartisan TNT大满足套装</h3>
                        <h5>
                            下一代手机，是下一代电脑
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥4,999.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/hot3.webp" alt="">
                    <div>
                        <h3>Smartisan真无线蓝牙耳机(抖音文创限量...</h3>
                        <h5>
                            抖音文创限量版
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥299.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/hot4.webp" alt="">
                    <div>
                        <h3>Smartisan真无线TWS蓝牙耳机</h3>
                        <h5>
                            苔能配对开盖即连
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥99.00</span>
                    </article>
                </li>
            </ul>
        </div>
    </div>
    <div class="goodsR2">
        <div class="goodsR2_top">
            <h5>坚果 R2 及配件</h5>
        </div>
        <div class="goodsR2_bottom">
            <div class="goodsR2_img">
                <img src="images/R21.webp" alt="" class="img1">
                <ul>
                    <li>
                        <img src="images/jiguo1.webp" alt="">
                        <div>
                            <h3>坚果 R2</h3>
                            <h5>
                                是下一代手机，更是下一代电脑
                            </h5>
                        </div>
                        <article class="item-price">
                            <span>￥2,699.00</span>
                        </article>
                    </li>
                    <li>
                        <img src="images/hot1.webp" alt="">
                        <div>
                            <h3>坚果 R2</h3>
                            <h5>
                                是下一代手机，更是下一代电脑
                            </h5>
                        </div>
                        <article class="item-price">
                            <span>￥2,699.00</span>
                        </article>
                    </li>
                </ul>
            </div>
            <ul>

                <li>
                    <img src="images/jianguo.webp" alt="">
                    <div>
                        <h3>坚果 R2</h3>
                        <h5>
                            是下一代手机，更是下一代电脑
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥4,999.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/shoujike.webp" alt="">
                    <div>
                        <h3>坚果R2足迹系列保护套</h3>
                        <h5>
                            7种主题随机发货
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥59.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/hongke.webp" alt="">
                    <div>
                        <h3>坚果R2足迹系列保护套3M开始销售透明...</h3>
                        <h5>
                            为了那些改变人类足迹的进程
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥59.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/lanke.webp" alt="">
                    <div>
                        <h3坚果R2足迹系列保护套圆珠笔的改进者出生</h3>
                            <h5>
                                为了那些改变人类足迹的进程
                            </h5>
                    </div>
                    <article class="item-price">
                        <span>￥59.00</span>
                    </article>
                </li>
            </ul>
        </div>
    </div>
    <div class="goodsTNT">
        <div class="goodsTNT_top">
            <h5>Smartisan TNT</h5>
        </div>
        <div class="goodsTNT_bottom">
            <div class="goodsTNT_img">
                <img src="images/TNT1.webp" alt="" class="img1">
                <ul>
                    <li>
                        <img src="images/hot2.webp" alt="">
                        <div>
                            <h3>Smartisan TNT大满足套装</h3>
                            <h5>
                                下一代手机，是下一代电脑
                            </h5>
                        </div>
                        <article class="item-price">
                            <span>￥4,999.00</span>
                        </article>
                    </li>
                    <li>
                        <img src="images/tnt2.webp" alt="">
                        <div>
                            <h3>Smartisan TNT大满足套装</h3>
                            <h5>
                                下一代手机，是下一代电脑
                            </h5>
                        </div>
                        <article class="item-price">
                            <span>￥5,699.00</span>
                        </article>
                    </li>
                </ul>
            </div>
            <ul>

                <li>
                    <img src="images/tnthei.webp" alt="">
                    <div>
                        <h3>Smartisan TNT go</h3>
                        <h5>
                            欢迎使用下一代电脑
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥1,499.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/tntlv.webp" alt="">
                    <div>
                        <h3>Smartisan TNT go</h3>
                        <h5>
                            欢迎使用下一代电脑
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥1,999.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/shouxiebi.webp" alt="">
                    <div>
                        <h3>Smartisan智能手写笔</h3>
                        <h5>
                            尽情挥洒创造力
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥199.00</span>
                        <span class="orignal-price">￥499.00</span>

                    </article>
                    <div class="activity-tag">
                        <span class="yellow">
                            直降
                        </span>
                    </div>
                </li>
                <li>
                    <img src="images/kuozhang.webp" alt="">
                    <div>
                        <h3>Smartisan手机立式扩展坞</h3>
                        <h5>
                            连屏幕，连外设，手机拓展一步到位
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥299.00</span>
                    </article>
                </li>
            </ul>
        </div>
    </div>
    <div class="goodspart">
        <div class="goodspart_top">
            <h5>官方精选配件</h5>
            <div class="goodspart_topr">
                <a href="#" class="a-left">官方精选配件</a>
                <a href="#" class="a-right">更多推荐</a>
            </div>
        </div>
        <div class="goodspart_bottom">
            <div class="goodspart_img">
                <img src="images/parts1.webp" alt="" class="img1">
                <ul>
                    <li>
                        <img src="images/hot3.webp" alt="">
                        <div>
                            <h3>Smartisan真无线蓝牙耳机（(抖音文创限量...</h3>
                            <h5>
                                抖音文创限量版
                            </h5>
                        </div>
                        <article class="item-price">
                            <span>￥299.00</span>
                        </article>
                    </li>
                    <li>
                        <img src="images/zhijia.webp" alt="">
                        <div>
                            <h3>Smartisan手机支架</h3>
                            <h5>
                                立得住，放的稳
                            </h5>
                        </div>
                        <article class="item-price">
                            <span>￥39.00</span>
                        </article>
                    </li>
                </ul>
            </div>
            <ul>

                <li>
                    <img src="images/shuju.webp" alt="">
                    <div>
                        <h3>坚果彩虹数据线</h3>
                        <h5>
                            七彩配色随机发货，为生活增添一份小小惊喜
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥19.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/lvlanya.webp" alt="">
                    <div>
                        <h3>Smartisan颈挂蓝牙耳机</h3>
                        <h5>
                            “圈铁一体代表作”
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥199.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/duoshujuxian.webp" alt="">
                    <div>
                        <h3>Smartisan多功能数据线(USB 3.2 Gen 2)</h3>
                        <h5>
                            高清投屏，高速传输
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥79.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/wuxianlanya.webp" alt="">
                    <div>
                        <h3>Smartisan真无线蓝牙耳机 Pro</h3>
                        <h5>
                            通话降噪全新升级
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥129.00</span>
                    </article>
                </li>
            </ul>
        </div>
    </div>
    <div class="goodscase">
        <div class="goodscase_top">
            <h5>足迹保护套系列</h5>
        </div>
        <div class="goodscase_bottom">
            <div class="goodscase_img">
                <img src="images/baohutao.webp" alt="" class="img1">
                <ul>
                    <li>
                        <img src="images/shoujike.webp" alt="">
                        <div>
                            <h3>坚果R2足迹系列保护套</h3>
                            <h5>
                                7种主题随机发货
                            </h5>
                        </div>
                        <article class="item-price">
                            <span>￥59.00</span>
                        </article>
                    </li>
                    <li>
                        <img src="images/huangke.webp" alt="">
                        <div>
                            <h3>坚果R2足迹系列保护套正电子的发现者出生</h3>
                            <h5>
                                为了那些改变人类足迹的进程
                            </h5>
                        </div>
                        <article class="item-price">
                            <span>￥59.00</span>
                        </article>
                    </li>
                </ul>
            </div>
            <ul>

                <li>
                    <img src="images/ke1.webp" alt="">
                    <div>
                        <h3>足迹保护套克里斯蒂安|多普勒出生foriP.h... </h3>
                        <h5>
                            公益宝贝
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥29.00</span>
                        <span class="orignal-price">￥69.00</span>
                    </article>
                    <div class="activity-tag">
                        <span class="yellow">
                            直降
                        </span>
                    </div>
                </li>
                <li>
                    <img src="images/ke2.webp" alt="">
                    <div>
                        <h3>足迹保护套莱卡成为第一只进入地球轨道的...</h3>
                        <h5>
                            公益宝贝
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥69.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/ke3.webp" alt="">
                    <div>
                        <h3>"坚果R2足边系列保护套联合国通过《儿童... </h3>
                        <h5>
                            为了那些改变人类足迹的进程
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥59.00</span>
                    </article>
                </li>
                <li>
                    <img src="images/ke4.webp" alt="">
                    <div>
                        <h3> 足迹保护套人类首次公开使用乙醚for P.</h3>
                        <h5>
                            公益宝贝
                        </h5>
                    </div>
                    <article class="item-price">
                        <span>￥69.00</span>
                    </article>
                </li>
            </ul>
        </div>
    </div>
    <div class="tribune">
        <header class="tribune_top">
            <h5>论坛精选</h5>
            <a href="#" target="" class="tribune_topr">
                <buttonsize="small" class="floor-btn">前往论坛
                    <i class="">></i>
                    </button>
            </a>
        </header>
        <ul>
            <li>
                <img src="images/shuidi.webp" alt="">
                <h3>Smartisan OS v8.0.1 更新...</h3>
                <p class="desc">
                    Smartisan OS v8.0.1 已于 10 月 20 日推送给坚果 R2 用户。
                </p>
                <p class="read">
                    阅读全文 &gt;
                </p>
            </li>
            <li>
                <img src="images/heishou.webp" alt="">
                <h3>坚果R2购买及使用常见问题</h3>
                <p class="desc">
                    你关心的各种问题~
                </p>
                <p class="read">
                    阅读全文 &gt;
                </p>
            </li>
            <li>
                <img src="images/R2.webp" alt="">
                <h3>R2体验新鲜出炉，上手两小...</h3>
                <p class="desc">
                    新鲜出炉上手体验
                </p>
                <p class="read">
                    阅读全文 &gt;
                </p>
            </li>
            <li>
                <img src="images/shuidi.webp" alt="">
                <h3>我的Smartisan手机</h3>
                <p class="desc">
                    祝新品大卖。
                </p>
                <p class="read">
                    阅读全文 &gt;
                </p>
            </li>
        </ul>
    </div>
    <footer>
        <div class="footer_menu">
            <ul>
                <li>
                    <h3>订单服务</h3>
                    <div class="item-name">
                        <a target="_blank" href="#">购买指南</a>
                        <a target="_blank" href="#">送货政策</a>
                    </div>
                </li>
                <li>
                    <h3>服务支持</h3>
                    <div class="item-name">
                        <a target="_blank" href="#">自助服务</a>
                        <a target="_blank" href="#">维修门店</a>
                    </div>
                </li>
                <li>
                    <h3>媒体中心</h3>
                    <div class="item-name">
                        <a target="_blank" href="#">新闻动态</a>
                        <a target="_blank" href="#">官方视频</a>
                        <a target="_blank" href="#">图片资源</a>
                    </div>
                </li>
                <li>
                    <h3>关注我们</h3>
                    <div class="item-name">
                        <a target="_blank" href="#">新浪微博</a>
                        <a href="#">官方微信</a>
                        <a target="_blank" href="#">荣誉奖项</a>
                    </div>
                </li>
            </ul>
            <div class="footer-service">
                <h1 class="tel">
                    400 - 603 - 5000
                </h1>
                <h2 class="time">
                    周一到周日 9:00 - 18:00
                </h2>
                <h2 class="desc">
                    (仅收市话费)
                </h2>
                <div class="online">
                    <a target="_blank" href="#" class="">
                        <span>在线帮助</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="footer-info">
            <ul class="copy">
                <li>Copyright © 2020 smartisan.com 版权所有</li>
                <li>
                    <a href="#" target="_blank">锤子商城隐私政策</a>
                </li>
                <li>
                    <a href="#" target="_blank">锤子商城用户协议</a>
                </li>
                <li>
                    <ahref="#" target="_blank">资质证照</a>
                </li>
            </ul>
            <ul class="icp">
                <li>
                    <a href="#" target="_blank">
                        京 ICP 备 19048576 号 - 1
                    </a>
                </li>
                <li class="police">
                    <a href="#" target="_blank">京公网安备 11010502039854号</a>
                </li>
                <li>
                    <a href="#" target="_blank">京食药网食备 202010031</a>
                </li>
            </ul>
        </div>
    </footer>
    <script src="jquery/jquery.min.js"></script>
</body>

</html>
<script>

    $('#hicart').hover(function () {
        $('.header_cart').show()
    }, function () {
        $('.header_cart').hide()
    })
    $('.hicart').hover(function () {
        $('.header_cart1').show()
    }, function () {
        $('.header_cart1').hide()
    })
    $('.nav_right>li').hover(function () {
        $('.nav_bottom').eq($(this).index()).show()
    }, function () {
        $('.nav_bottom').eq($(this).index()).hide()
    })
    $('.nav_left input').focus(function () {
        $(this).next().next().addClass('left_bottom1')
        $(this).next().addClass('left_right1')
        $(this).attr('placeholder', '请输入搜索的商品')
    })
    $('.nav_left input').blur(function () {
        $(this).next().next().removeClass('left_bottom1')
        $(this).next().removeClass('left_right1')
        $(this).removeAttr('placeholder')
    })
    $(window).scroll(function () {
        if ($(document).scrollTop() >= 50) {
            $('nav').addClass('fixed')
            $('nav').find('.nav_left').addClass("nav_leftl")
            $('nav').find('.nav_right1').addClass("nav_right2")
        } else {
            $('nav').removeClass('fixed')
            $('nav').find('.nav_left').removeClass("nav_leftl")
            $('nav').find('.nav_right1').removeClass('nav_right2')
        }
    })

    $('ol>li').on('click', function () {
        $(this).addClass('current').siblings('li').removeClass('current')
        var zindex = $(this).index()
        tu(zindex)
        autoplay(zindex)
    })
    function tu(index) {
        $('section ul>li').eq(index).stop(true).fadeIn().siblings('li').stop().fadeOut()
    }
    var i = 0;
    var timer = setInterval(autoplay, 3000)
    function autoplay() {
        i++;
        i = i > 2 ? 0 : i;
        $('section ol>li').eq(i).addClass('current').siblings('li').removeClass('current')
        $('section ul>li').eq(i).stop(true).fadeIn().siblings('li').stop().fadeOut()
    }

    $('section').hover(function () {
        clearInterval(timer);
    }, function () {
        timer = setInterval(autoplay, 3000)
    })
</script>